<template>
<div>
  <div class="iten" v-for="(item,index) of list" :key="index">
   <div class="item-title">
     <span class="item-title-icon"></span>
     {{item.title}}
     <div v-if="item.children"> 
        <detail-list :list="item.children"></detail-list>
     </div>
   </div>
  </div>
</div>
</template>
<script>

export default {
  name:"detailList",
  props:{
    list:Array
  }
  }
</script>

<style lang="stylus" scoped>
@import "~styles/varibles.styl" 
.item-title-icon
 display:inline-block
 position:relative
 top:.06rem
 left:.06rem
 width:.36rem;
 height:.36rem;
 background: url(//s.qunarzz.com/piao/image/touch/sight/detail.png) 0 -.45rem no-repeat;
 margin-right:.1rem
 background-size:.4rem 3rem;
.item-title{
   line-height :.8rem
   font-size:.32rem
   padding:0 .2rem
}
</style>